<template>
<div class="gt_breadcrumb">
  <ga-breadcrumb>
    <template #separator>
      <icon-right />
    </template>
    <ga-breadcrumb-item v-for="(item,index) in items" :key="index">
      <router-link :to="{ path: item.path, query: item.query }" v-if="item.path">{{ item.label }}</router-link>
      <span v-else>{{ item }}</span>
    </ga-breadcrumb-item>
  </ga-breadcrumb>
  </div>
</template>
<script setup>
import { IconRight } from '@garco-design/web-vue/es/icon';

import { defineProps} from 'vue'

defineProps({
  // 标题 
 items: {
    required: true,
    default: []
  },
  // 是否禁用
  disabled: {
    required: false,
    default: false
  }
})

</script>
<style lang="scss" scoped>
.gt_breadcrumb{
  height: 54px;
  line-height: 54px;
  :deep(.garco-breadcrumb-item){
    line-height: 24px;
    color: #000000e6;
    padding: 0;
  }
  :deep(.garco-breadcrumb-item:last-child){
    color:#2C4068;
    font-weight: 600;
  }
  :deep(.garco-breadcrumb-item a:hover){
    background-color: transparent;
  }
}
</style>
